﻿<!DOCTYPE html>
<html>
  <head>
    <title>首页-推荐</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/首页-推荐/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/首页-推荐/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合) -->
      <div id="u295" class="ax_default" data-left="318" data-top="65" data-width="437" data-height="866">

        <!-- Unnamed (矩形) -->
        <div id="u296" class="ax_default box_11">
          <div id="u296_div" class=""></div>
          <div id="u296_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u297" class="ax_default box_11">
          <div id="u297_div" class=""></div>
          <div id="u297_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u298" class="ax_default shape">
          <img id="u298_img" class="img " src="images/主体/u183.svg"/>
          <div id="u298_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u299" class="ax_default box_11">
          <div id="u299_div" class=""></div>
          <div id="u299_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u300" class="ax_default box_11">
          <div id="u300_div" class=""></div>
          <div id="u300_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u301" class="ax_default box_11">
          <div id="u301_div" class=""></div>
          <div id="u301_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u302" class="ax_default box_11">
          <div id="u302_div" class=""></div>
          <div id="u302_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Camera 1 (组合) -->
        <div id="u303" class="ax_default" data-label="Camera 1" data-left="580" data-top="94" data-width="15" data-height="15">

          <!-- Unnamed (椭圆) -->
          <div id="u304" class="ax_default ellipse">
            <img id="u304_img" class="img " src="images/主体/u180.svg"/>
            <div id="u304_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (椭圆) -->
          <div id="u305" class="ax_default ellipse">
            <img id="u305_img" class="img " src="images/主体/u181.svg"/>
            <div id="u305_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u306" class="ax_default box_11">
          <div id="u306_div" class=""></div>
          <div id="u306_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u307" class="ax_default" data-left="478" data-top="135" data-width="118" data-height="28">

        <!-- Unnamed (矩形) -->
        <div id="u308" class="ax_default box_1">
          <div id="u308_div" class=""></div>
          <div id="u308_text" class="text ">
            <p><span>推荐</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u309" class="ax_default box_1">
          <div id="u309_div" class=""></div>
          <div id="u309_text" class="text ">
            <p><span>关注</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u310" class="ax_default icon">
        <img id="u310_img" class="img " src="images/首页-推荐/u310.svg"/>
        <div id="u310_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u311" class="ax_default" data-left="645" data-top="111" data-width="70" data-height="15">

        <!-- Unnamed (形状) -->
        <div id="u312" class="ax_default icon">
          <img id="u312_img" class="img " src="images/登录/u218.svg"/>
          <div id="u312_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u313" class="ax_default icon">
          <img id="u313_img" class="img " src="images/登录/u219.svg"/>
          <div id="u313_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u314" class="ax_default label ax_default_hidden" style="display:none; visibility: hidden">
          <div id="u314_div" class=""></div>
          <div id="u314_text" class="text ">
            <p><span>12:30 </span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u315" class="ax_default icon">
          <img id="u315_img" class="img " src="images/登录/u221.svg"/>
          <div id="u315_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u316" class="ax_default" data-left="348" data-top="826" data-width="376" data-height="81">

        <!-- Unnamed (组合) -->
        <div id="u317" class="ax_default" data-left="348" data-top="826" data-width="376" data-height="81">

          <!-- Unnamed (矩形) -->
          <div id="u318" class="ax_default box_1">
            <div id="u318_div" class=""></div>
            <div id="u318_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u319" class="ax_default label">
            <div id="u319_div" class=""></div>
            <div id="u319_text" class="text ">
              <p><span>首页</span></p>
            </div>
          </div>

          <!-- 首页icon (形状) -->
          <div id="u320" class="ax_default icon" data-label="首页icon">
            <img id="u320_img" class="img " src="images/首页-推荐/__icon_u320.svg"/>
            <div id="u320_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u321" class="ax_default" data-left="654" data-top="829" data-width="28" data-height="49">

          <!-- Unnamed (矩形) -->
          <div id="u322" class="ax_default label">
            <div id="u322_div" class=""></div>
            <div id="u322_text" class="text ">
              <p><span>个人</span></p>
            </div>
          </div>

          <!-- 我的icon (形状) -->
          <div id="u323" class="ax_default icon" data-label="我的icon">
            <img id="u323_img" class="img " src="images/首页-推荐/__icon_u323.svg"/>
            <div id="u323_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u324" class="ax_default icon">
          <img id="u324_img" class="img " src="images/首页-推荐/u324.svg"/>
          <div id="u324_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u325" class="ax_default" data-left="451" data-top="826" data-width="34" data-height="52">

          <!-- Unnamed (矩形) -->
          <div id="u326" class="ax_default label">
            <div id="u326_div" class=""></div>
            <div id="u326_text" class="text ">
              <p><span>灵感</span></p>
            </div>
          </div>

          <!-- Unnamed (图像) -->
          <div id="u327" class="ax_default _图片">
            <img id="u327_img" class="img " src="images/首页-推荐/u327.png"/>
            <div id="u327_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u328" class="ax_default" data-left="593" data-top="832" data-width="30" data-height="45">

          <!-- Unnamed (矩形) -->
          <div id="u329" class="ax_default label">
            <div id="u329_div" class=""></div>
            <div id="u329_text" class="text ">
              <p><span>消息</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u330" class="ax_default icon">
            <img id="u330_img" class="img " src="images/首页-推荐/u330.svg"/>
            <div id="u330_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u331" class="ax_default box_11">
        <div id="u331_div" class=""></div>
        <div id="u331_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图像热区) -->
      <div id="u332" class="ax_default">
      </div>

      <!-- Unnamed (图像热区) -->
      <div id="u333" class="ax_default">
      </div>

      <!-- Unnamed (图像热区) -->
      <div id="u334" class="ax_default">
      </div>

      <!-- ClockText (矩形) -->
      <div id="u335" class="ax_default label" data-label="ClockText">
        <div id="u335_div" class=""></div>
        <div id="u335_text" class="text ">
          <p><span>文本标签</span></p>
        </div>
      </div>

      <!-- LoopPanel (动态面板) -->
      <div id="u336" class="ax_default" data-label="LoopPanel">
        <div id="u336_state0" class="panel_state" data-label="State1" style="">
          <div id="u336_state0_content" class="panel_state_content">
          </div>
        </div>
        <div id="u336_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u336_state1_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (图像热区) -->
      <div id="u337" class="ax_default">
      </div>

      <!-- 推荐线 (直线 / 行距) -->
      <div id="u338" class="ax_default line" data-label="推荐线">
        <img id="u338_img" class="img " src="images/首页-推荐/推荐线_u338.svg"/>
        <div id="u338_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- 关注线（隐藏） (直线 / 行距) -->
      <div id="u339" class="ax_default line ax_default_hidden" data-label="关注线（隐藏）" style="display:none; visibility: hidden">
        <img id="u339_img" class="img " src="images/首页-推荐/推荐线_u338.svg"/>
        <div id="u339_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u340" class="ax_default label">
        <div id="u340_div" class=""></div>
        <div id="u340_text" class="text ">
          <p><span>热门</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u341" class="ax_default label">
        <div id="u341_div" class=""></div>
        <div id="u341_text" class="text ">
          <p><span>色调识别</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u342" class="ax_default label">
        <div id="u342_div" class=""></div>
        <div id="u342_text" class="text ">
          <p><span>色卡搭配</span></p>
        </div>
      </div>

      <!-- 固定面板 (动态面板) -->
      <div id="u343" class="ax_default" data-label="固定面板">
        <div id="u343_state0" class="panel_state" data-label="State 1" style="">
          <div id="u343_state0_content" class="panel_state_content">

            <!-- 展示内容 (动态面板) -->
            <div id="u344" class="ax_default" data-label="展示内容">
              <div id="u344_state0" class="panel_state" data-label="State 1" style="">
                <div id="u344_state0_content" class="panel_state_content">

                  <!-- Unnamed (组合) -->
                  <div id="u345" class="ax_default" data-left="4" data-top="-2" data-width="346" data-height="653">

                    <!-- Unnamed (组合) -->
                    <div id="u346" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
                    </div>

                    <!-- Unnamed (组合) -->
                    <div id="u347" class="ax_default" data-left="184" data-top="-2" data-width="166" data-height="237">

                      <!-- Unnamed (组合) -->
                      <div id="u348" class="ax_default" data-left="184" data-top="-2" data-width="166" data-height="237">

                        <!-- Unnamed (矩形) -->
                        <div id="u349" class="ax_default box_1">
                          <div id="u349_div" class=""></div>
                          <div id="u349_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>

                        <!-- Unnamed (图像) -->
                        <div id="u350" class="ax_default _图片">
                          <img id="u350_img" class="img " src="images/首页-推荐/u350.svg"/>
                          <div id="u350_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>

                        <!-- Unnamed (矩形) -->
                        <div id="u351" class="ax_default _三级标题">
                          <div id="u351_div" class=""></div>
                          <div id="u351_text" class="text ">
                            <p><span>海龟和湖蓝色</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (矩形) -->
                        <div id="u352" class="ax_default _形状">
                          <div id="u352_div" class=""></div>
                          <div id="u352_text" class="text ">
                            <p><span># 色调识别</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (组合) -->
                        <div id="u353" class="ax_default" data-left="198" data-top="209" data-width="69" data-height="18">

                          <!-- Unnamed (矩形) -->
                          <div id="u354" class="ax_default _形状">
                            <div id="u354_div" class=""></div>
                            <div id="u354_text" class="text ">
                              <p><span>鸭鸭</span></p>
                            </div>
                          </div>

                          <!-- Unnamed (图像) -->
                          <div id="u355" class="ax_default _图片">
                            <img id="u355_img" class="img " src="images/首页-推荐/u355.svg"/>
                            <div id="u355_text" class="text " style="display:none; visibility: hidden">
                              <p></p>
                            </div>
                          </div>
                        </div>

                        <!-- Unnamed (组合) -->
                        <div id="u356" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

                          <!-- 点赞/未选中 (组合) -->
                          <div id="u357" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">
                          </div>
                        </div>
                      </div>

                      <!-- Unnamed (组合) -->
                      <div id="u358" class="ax_default" data-left="300" data-top="209" data-width="32" data-height="16">

                        <!-- Unnamed (矩形) -->
                        <div id="u359" class="ax_default _形状">
                          <div id="u359_div" class=""></div>
                          <div id="u359_text" class="text ">
                            <p><span>55</span></p>
                          </div>
                        </div>

                        <!-- 点赞/未选中 (组合) -->
                        <div id="u360" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">

                          <!-- Unnamed (组合) -->
                          <div id="u361" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

                            <!-- 点赞/未选中 (组合) -->
                            <div id="u362" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">

                              <!-- Unnamed (组合) -->
                              <div id="u363" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u364" class="ax_default icon">
                        <img id="u364_img" class="img " src="images/首页-推荐/u364.svg"/>
                        <div id="u364_text" class="text " style="display:none; visibility: hidden">
                          <p></p>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (形状) -->
                    <div id="u365" class="ax_default icon">
                      <img id="u365_img" class="img " src="images/首页-推荐/u365.svg"/>
                      <div id="u365_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Unnamed (组合) -->
                    <div id="u366" class="ax_default" data-left="184" data-top="243" data-width="166" data-height="283">

                      <!-- Unnamed (组合) -->
                      <div id="u367" class="ax_default" data-left="184" data-top="243" data-width="166" data-height="283">

                        <!-- Unnamed (组合) -->
                        <div id="u368" class="ax_default" data-left="184" data-top="243" data-width="166" data-height="283">

                          <!-- Unnamed (矩形) -->
                          <div id="u369" class="ax_default box_1">
                            <div id="u369_div" class=""></div>
                            <div id="u369_text" class="text " style="display:none; visibility: hidden">
                              <p></p>
                            </div>
                          </div>

                          <!-- Unnamed (图像) -->
                          <div id="u370" class="ax_default _图片">
                            <img id="u370_img" class="img " src="images/首页-推荐/u370.svg"/>
                            <div id="u370_text" class="text " style="display:none; visibility: hidden">
                              <p></p>
                            </div>
                          </div>

                          <!-- Unnamed (矩形) -->
                          <div id="u371" class="ax_default _三级标题">
                            <div id="u371_div" class=""></div>
                            <div id="u371_text" class="text ">
                              <p><span>色卡搭配 | 今日灵感配色</span></p>
                            </div>
                          </div>

                          <!-- Unnamed (矩形) -->
                          <div id="u372" class="ax_default _形状">
                            <div id="u372_div" class=""></div>
                            <div id="u372_text" class="text ">
                              <p><span># 色卡搭配</span></p>
                            </div>
                          </div>

                          <!-- Unnamed (组合) -->
                          <div id="u373" class="ax_default" data-left="194" data-top="489" data-width="73" data-height="22">

                            <!-- Unnamed (形状) -->
                            <div id="u374" class="ax_default _形状">
                              <img id="u374_img" class="img " src="images/首页-推荐/u374.svg"/>
                              <div id="u374_text" class="text " style="display:none; visibility: hidden">
                                <p></p>
                              </div>
                            </div>

                            <!-- Unnamed (矩形) -->
                            <div id="u375" class="ax_default _形状">
                              <div id="u375_div" class=""></div>
                              <div id="u375_text" class="text ">
                                <p><span>chick</span></p>
                              </div>
                            </div>
                          </div>

                          <!-- Unnamed (组合) -->
                          <div id="u376" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

                            <!-- 点赞/未选中 (组合) -->
                            <div id="u377" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">
                            </div>
                          </div>
                        </div>

                        <!-- Unnamed (组合) -->
                        <div id="u378" class="ax_default" data-left="300" data-top="495" data-width="32" data-height="16">

                          <!-- Unnamed (矩形) -->
                          <div id="u379" class="ax_default _形状">
                            <div id="u379_div" class=""></div>
                            <div id="u379_text" class="text ">
                              <p><span>78</span></p>
                            </div>
                          </div>

                          <!-- 点赞/未选中 (组合) -->
                          <div id="u380" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">

                            <!-- Unnamed (组合) -->
                            <div id="u381" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

                              <!-- 点赞/未选中 (组合) -->
                              <div id="u382" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">

                                <!-- Unnamed (组合) -->
                                <div id="u383" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>

                        <!-- Unnamed (形状) -->
                        <div id="u384" class="ax_default icon">
                          <img id="u384_img" class="img " src="images/首页-推荐/u364.svg"/>
                          <div id="u384_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (组合) -->
                    <div id="u385" class="ax_default" data-left="4" data-top="-2" data-width="166" data-height="362">

                      <!-- Unnamed (矩形) -->
                      <div id="u386" class="ax_default box_1">
                        <div id="u386_div" class=""></div>
                        <div id="u386_text" class="text " style="display:none; visibility: hidden">
                          <p></p>
                        </div>
                      </div>

                      <!-- Unnamed (图像) -->
                      <div id="u387" class="ax_default _图片">
                        <img id="u387_img" class="img " src="images/首页-推荐/u387.svg"/>
                        <div id="u387_text" class="text " style="display:none; visibility: hidden">
                          <p></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u388" class="ax_default _形状">
                        <div id="u388_div" class=""></div>
                        <div id="u388_text" class="text ">
                          <p><span>ji</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u389" class="ax_default _形状">
                        <div id="u389_div" class=""></div>
                        <div id="u389_text" class="text ">
                          <p><span>45</span></p>
                        </div>
                      </div>

                      <!-- 点赞/未选中 (组合) -->
                      <div id="u390" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">

                        <!-- Unnamed (组合) -->
                        <div id="u391" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

                          <!-- 点赞/未选中 (组合) -->
                          <div id="u392" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">

                            <!-- Unnamed (组合) -->
                            <div id="u393" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
                            </div>
                          </div>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u394" class="ax_default _形状">
                        <div id="u394_div" class=""></div>
                        <div id="u394_text" class="text ">
                          <p><span>色调识别｜粉蓝色调yyds</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u395" class="ax_default _形状">
                        <div id="u395_div" class=""></div>
                        <div id="u395_text" class="text ">
                          <p><span># 色调识别</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (图像) -->
                      <div id="u396" class="ax_default _图片">
                        <img id="u396_img" class="img " src="images/首页-推荐/u396.svg"/>
                        <div id="u396_text" class="text " style="display:none; visibility: hidden">
                          <p></p>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (形状) -->
                    <div id="u397" class="ax_default icon">
                      <img id="u397_img" class="img " src="images/首页-推荐/u364.svg"/>
                      <div id="u397_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Unnamed (组合) -->
                    <div id="u398" class="ax_default" data-left="4" data-top="368" data-width="166" data-height="283">

                      <!-- Unnamed (组合) -->
                      <div id="u399" class="ax_default" data-left="4" data-top="368" data-width="166" data-height="283">

                        <!-- Unnamed (矩形) -->
                        <div id="u400" class="ax_default box_1">
                          <div id="u400_div" class=""></div>
                          <div id="u400_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>

                        <!-- Unnamed (图像) -->
                        <div id="u401" class="ax_default _图片">
                          <img id="u401_img" class="img " src="images/首页-推荐/u401.svg"/>
                          <div id="u401_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>

                        <!-- Unnamed (矩形) -->
                        <div id="u402" class="ax_default _三级标题">
                          <div id="u402_div" class=""></div>
                          <div id="u402_text" class="text ">
                            <p><span>蓝白色卡搭配</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (形状) -->
                        <div id="u403" class="ax_default _形状">
                          <img id="u403_img" class="img " src="images/首页-推荐/u403.svg"/>
                          <div id="u403_text" class="text ">
                            <p><span># 色卡搭配</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (组合) -->
                        <div id="u404" class="ax_default" data-left="18" data-top="617" data-width="69" data-height="18">

                          <!-- Unnamed (矩形) -->
                          <div id="u405" class="ax_default _形状">
                            <div id="u405_div" class=""></div>
                            <div id="u405_text" class="text ">
                              <p><span>鸭鸭</span></p>
                            </div>
                          </div>

                          <!-- Unnamed (图像) -->
                          <div id="u406" class="ax_default _图片">
                            <img id="u406_img" class="img " src="images/首页-推荐/u355.svg"/>
                            <div id="u406_text" class="text " style="display:none; visibility: hidden">
                              <p></p>
                            </div>
                          </div>
                        </div>

                        <!-- Unnamed (组合) -->
                        <div id="u407" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

                          <!-- 点赞/未选中 (组合) -->
                          <div id="u408" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">
                          </div>
                        </div>
                      </div>

                      <!-- Unnamed (组合) -->
                      <div id="u409" class="ax_default" data-left="120" data-top="620" data-width="32" data-height="16">

                        <!-- Unnamed (矩形) -->
                        <div id="u410" class="ax_default _形状">
                          <div id="u410_div" class=""></div>
                          <div id="u410_text" class="text ">
                            <p><span>55</span></p>
                          </div>
                        </div>

                        <!-- 点赞/未选中 (组合) -->
                        <div id="u411" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">

                          <!-- Unnamed (组合) -->
                          <div id="u412" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

                            <!-- 点赞/未选中 (组合) -->
                            <div id="u413" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">

                              <!-- Unnamed (组合) -->
                              <div id="u414" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u415" class="ax_default icon">
                        <img id="u415_img" class="img " src="images/首页-推荐/u364.svg"/>
                        <div id="u415_text" class="text " style="display:none; visibility: hidden">
                          <p></p>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (组合) -->
                  <div id="u416" class="ax_default" data-left="4" data-top="1008" data-width="166" data-height="283">

                    <!-- Unnamed (组合) -->
                    <div id="u417" class="ax_default" data-left="4" data-top="1008" data-width="166" data-height="283">

                      <!-- Unnamed (矩形) -->
                      <div id="u418" class="ax_default box_1">
                        <div id="u418_div" class=""></div>
                        <div id="u418_text" class="text " style="display:none; visibility: hidden">
                          <p></p>
                        </div>
                      </div>

                      <!-- Unnamed (图像) -->
                      <div id="u419" class="ax_default _图片">
                        <img id="u419_img" class="img " src="images/首页-推荐/u419.svg"/>
                        <div id="u419_text" class="text " style="display:none; visibility: hidden">
                          <p></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u420" class="ax_default _三级标题">
                        <div id="u420_div" class=""></div>
                        <div id="u420_text" class="text ">
                          <p><span>绿色是最好的颜色</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u421" class="ax_default _形状">
                        <div id="u421_div" class=""></div>
                        <div id="u421_text" class="text ">
                          <p><span># 色卡搭配</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (组合) -->
                      <div id="u422" class="ax_default" data-left="18" data-top="1257" data-width="69" data-height="18">

                        <!-- Unnamed (矩形) -->
                        <div id="u423" class="ax_default _形状">
                          <div id="u423_div" class=""></div>
                          <div id="u423_text" class="text ">
                            <p><span>鸭鸭</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (图像) -->
                        <div id="u424" class="ax_default _图片">
                          <img id="u424_img" class="img " src="images/首页-推荐/u355.svg"/>
                          <div id="u424_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>
                      </div>

                      <!-- Unnamed (组合) -->
                      <div id="u425" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

                        <!-- 点赞/未选中 (组合) -->
                        <div id="u426" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (组合) -->
                    <div id="u427" class="ax_default" data-left="120" data-top="1260" data-width="32" data-height="16">

                      <!-- Unnamed (矩形) -->
                      <div id="u428" class="ax_default _形状">
                        <div id="u428_div" class=""></div>
                        <div id="u428_text" class="text ">
                          <p><span>55</span></p>
                        </div>
                      </div>

                      <!-- 点赞/未选中 (组合) -->
                      <div id="u429" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">

                        <!-- Unnamed (组合) -->
                        <div id="u430" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

                          <!-- 点赞/未选中 (组合) -->
                          <div id="u431" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">

                            <!-- Unnamed (组合) -->
                            <div id="u432" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (形状) -->
                    <div id="u433" class="ax_default icon">
                      <img id="u433_img" class="img " src="images/首页-推荐/u364.svg"/>
                      <div id="u433_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (组合) -->
                  <div id="u434" class="ax_default" data-left="184" data-top="534" data-width="166" data-height="364">

                    <!-- Unnamed (矩形) -->
                    <div id="u435" class="ax_default box_1">
                      <div id="u435_div" class=""></div>
                      <div id="u435_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Unnamed (图像) -->
                    <div id="u436" class="ax_default _图片">
                      <img id="u436_img" class="img " src="images/首页-推荐/u436.svg"/>
                      <div id="u436_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u437" class="ax_default _形状">
                      <div id="u437_div" class=""></div>
                      <div id="u437_text" class="text ">
                        <p><span>ji</span></p>
                      </div>
                    </div>

                    <!-- 点赞/未选中 (组合) -->
                    <div id="u438" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">

                      <!-- Unnamed (组合) -->
                      <div id="u439" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

                        <!-- 点赞/未选中 (组合) -->
                        <div id="u440" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">

                          <!-- Unnamed (组合) -->
                          <div id="u441" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u442" class="ax_default _形状">
                      <div id="u442_div" class=""></div>
                      <div id="u442_text" class="text ">
                        <p><span>连蝴蝶都是粉色的颜色</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u443" class="ax_default _形状">
                      <div id="u443_div" class=""></div>
                      <div id="u443_text" class="text ">
                        <p><span># 色调识别</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (图像) -->
                    <div id="u444" class="ax_default _图片">
                      <img id="u444_img" class="img " src="images/首页-推荐/u444.svg"/>
                      <div id="u444_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Unnamed (组合) -->
                    <div id="u445" class="ax_default" data-left="305" data-top="872" data-width="32" data-height="16">

                      <!-- Unnamed (矩形) -->
                      <div id="u446" class="ax_default _形状">
                        <div id="u446_div" class=""></div>
                        <div id="u446_text" class="text ">
                          <p><span>55</span></p>
                        </div>
                      </div>

                      <!-- 点赞/未选中 (组合) -->
                      <div id="u447" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">

                        <!-- Unnamed (组合) -->
                        <div id="u448" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

                          <!-- 点赞/未选中 (组合) -->
                          <div id="u449" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">

                            <!-- Unnamed (组合) -->
                            <div id="u450" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (形状) -->
                    <div id="u451" class="ax_default icon">
                      <img id="u451_img" class="img " src="images/首页-推荐/u364.svg"/>
                      <div id="u451_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (组合) -->
                  <div id="u452" class="ax_default" data-left="4" data-top="661" data-width="166" data-height="339">

                    <!-- Unnamed (矩形) -->
                    <div id="u453" class="ax_default box_1">
                      <div id="u453_div" class=""></div>
                      <div id="u453_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Unnamed (图像) -->
                    <div id="u454" class="ax_default _图片">
                      <img id="u454_img" class="img " src="images/首页-推荐/u454.svg"/>
                      <div id="u454_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u455" class="ax_default _形状">
                      <div id="u455_div" class=""></div>
                      <div id="u455_text" class="text ">
                        <p><span>ji</span></p>
                      </div>
                    </div>

                    <!-- 点赞/未选中 (组合) -->
                    <div id="u456" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">

                      <!-- Unnamed (组合) -->
                      <div id="u457" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

                        <!-- 点赞/未选中 (组合) -->
                        <div id="u458" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">

                          <!-- Unnamed (组合) -->
                          <div id="u459" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u460" class="ax_default _形状">
                      <div id="u460_div" class=""></div>
                      <div id="u460_text" class="text ">
                        <p><span>色调识别 | 山川共一色</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u461" class="ax_default _形状">
                      <div id="u461_div" class=""></div>
                      <div id="u461_text" class="text ">
                        <p><span># 色调识别</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (图像) -->
                    <div id="u462" class="ax_default _图片">
                      <img id="u462_img" class="img " src="images/首页-推荐/u444.svg"/>
                      <div id="u462_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (组合) -->
                  <div id="u463" class="ax_default" data-left="184" data-top="906" data-width="166" data-height="362">

                    <!-- Unnamed (矩形) -->
                    <div id="u464" class="ax_default box_1">
                      <div id="u464_div" class=""></div>
                      <div id="u464_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Unnamed (图像) -->
                    <div id="u465" class="ax_default _图片">
                      <img id="u465_img" class="img " src="images/首页-推荐/u465.svg"/>
                      <div id="u465_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u466" class="ax_default _形状">
                      <div id="u466_div" class=""></div>
                      <div id="u466_text" class="text ">
                        <p><span>ji</span></p>
                      </div>
                    </div>

                    <!-- 点赞/未选中 (组合) -->
                    <div id="u467" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">

                      <!-- Unnamed (组合) -->
                      <div id="u468" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

                        <!-- 点赞/未选中 (组合) -->
                        <div id="u469" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">

                          <!-- Unnamed (组合) -->
                          <div id="u470" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u471" class="ax_default _形状">
                      <div id="u471_div" class=""></div>
                      <div id="u471_text" class="text ">
                        <p><span>在山的那边是海</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u472" class="ax_default _形状">
                      <div id="u472_div" class=""></div>
                      <div id="u472_text" class="text ">
                        <p><span># 色调识别</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (图像) -->
                    <div id="u473" class="ax_default _图片">
                      <img id="u473_img" class="img " src="images/首页-推荐/u444.svg"/>
                      <div id="u473_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Unnamed (组合) -->
                    <div id="u474" class="ax_default" data-left="291" data-top="1242" data-width="32" data-height="16">

                      <!-- Unnamed (矩形) -->
                      <div id="u475" class="ax_default _形状">
                        <div id="u475_div" class=""></div>
                        <div id="u475_text" class="text ">
                          <p><span>55</span></p>
                        </div>
                      </div>

                      <!-- 点赞/未选中 (组合) -->
                      <div id="u476" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">

                        <!-- Unnamed (组合) -->
                        <div id="u477" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

                          <!-- 点赞/未选中 (组合) -->
                          <div id="u478" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">

                            <!-- Unnamed (组合) -->
                            <div id="u479" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (形状) -->
                    <div id="u480" class="ax_default icon">
                      <img id="u480_img" class="img " src="images/首页-推荐/u364.svg"/>
                      <div id="u480_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (组合) -->
                  <div id="u481" class="ax_default" data-left="120" data-top="968" data-width="32" data-height="16">

                    <!-- Unnamed (矩形) -->
                    <div id="u482" class="ax_default _形状">
                      <div id="u482_div" class=""></div>
                      <div id="u482_text" class="text ">
                        <p><span>55</span></p>
                      </div>
                    </div>

                    <!-- 点赞/未选中 (组合) -->
                    <div id="u483" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">

                      <!-- Unnamed (组合) -->
                      <div id="u484" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

                        <!-- 点赞/未选中 (组合) -->
                        <div id="u485" class="ax_default" data-label="点赞/未选中" data-left="0" data-top="0" data-width="0" data-height="0">

                          <!-- Unnamed (组合) -->
                          <div id="u486" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u487" class="ax_default icon">
                    <img id="u487_img" class="img " src="images/首页-推荐/u364.svg"/>
                    <div id="u487_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- 搜索页 (组合) -->
                  <div id="u488" class="ax_default ax_default_hidden" data-label="搜索页" style="display:none; visibility: hidden" data-left="-204" data-top="-34" data-width="390" data-height="844">

                    <!-- 首页 BG (矩形) -->
                    <div id="u489" class="ax_default _形状" data-label="首页 BG">
                      <div id="u489_div" class=""></div>
                      <div id="u489_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Unnamed (组合) -->
                    <div id="u490" class="ax_default" data-left="-75" data-top="797" data-width="134" data-height="5">

                      <!-- Home Indicator (矩形) -->
                      <div id="u491" class="ax_default _形状" data-label="Home Indicator">
                        <div id="u491_div" class=""></div>
                        <div id="u491_text" class="text " style="display:none; visibility: hidden">
                          <p></p>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (组合) -->
                    <div id="u492" class="ax_default" data-left="-75" data-top="797" data-width="134" data-height="5">

                      <!-- Home Indicator (矩形) -->
                      <div id="u493" class="ax_default _形状" data-label="Home Indicator">
                        <div id="u493_div" class=""></div>
                        <div id="u493_text" class="text " style="display:none; visibility: hidden">
                          <p></p>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (组合) -->
                    <div id="u494" class="ax_default" data-left="-186" data-top="-24" data-width="355" data-height="20">

                      <!-- Battery (组合) -->
                      <div id="u495" class="ax_default" data-label="Battery" data-left="145" data-top="-21" data-width="24" data-height="11">

                        <!-- Unnamed (矩形) -->
                        <div id="u496" class="ax_default _形状">
                          <div id="u496_div" class=""></div>
                          <div id="u496_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>

                        <!-- Unnamed (形状) -->
                        <div id="u497" class="ax_default _形状">
                          <img id="u497_img" class="img " src="images/首页-推荐/u497.svg"/>
                          <div id="u497_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>

                        <!-- Unnamed (矩形) -->
                        <div id="u498" class="ax_default _形状">
                          <div id="u498_div" class=""></div>
                          <div id="u498_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u499" class="ax_default _形状">
                        <img id="u499_img" class="img " src="images/首页-推荐/u499.svg"/>
                        <div id="u499_text" class="text " style="display:none; visibility: hidden">
                          <p></p>
                        </div>
                      </div>

                      <!-- Cellular Connection (形状) -->
                      <div id="u500" class="ax_default _形状" data-label="Cellular Connection">
                        <img id="u500_img" class="img " src="images/首页-推荐/cellular_connection_u500.svg"/>
                        <div id="u500_text" class="text " style="display:none; visibility: hidden">
                          <p></p>
                        </div>
                      </div>

                      <!-- Unnamed (组合) -->
                      <div id="u501" class="ax_default" data-left="-186" data-top="-24" data-width="54" data-height="20">

                        <!-- Time (矩形) -->
                        <div id="u502" class="ax_default _形状" data-label="Time">
                          <div id="u502_div" class=""></div>
                          <div id="u502_text" class="text ">
                            <p><span>9:41</span></p>
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u503" class="ax_default box_1">
                      <div id="u503_div" class=""></div>
                      <div id="u503_text" class="text ">
                        <p><span>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; Galaxy</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (图像) -->
                    <div id="u504" class="ax_default _图片">
                      <img id="u504_img" class="img " src="images/首页-推荐/u504.png"/>
                      <div id="u504_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u505" class="ax_default label">
                      <div id="u505_div" class=""></div>
                      <div id="u505_text" class="text ">
                        <p><span>搜索</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (直线 / 行距) -->
                    <div id="u506" class="ax_default line">
                      <img id="u506_img" class="img " src="images/首页-推荐/u506.svg"/>
                      <div id="u506_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u507" class="ax_default _三级标题">
                      <div id="u507_div" class=""></div>
                      <div id="u507_text" class="text ">
                        <p><span>历史记录</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u508" class="ax_default box_1">
                      <div id="u508_div" class=""></div>
                      <div id="u508_text" class="text ">
                        <p><span>手工</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u509" class="ax_default box_1">
                      <div id="u509_div" class=""></div>
                      <div id="u509_text" class="text ">
                        <p><span>发型</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u510" class="ax_default box_1">
                      <div id="u510_div" class=""></div>
                      <div id="u510_text" class="text ">
                        <p><span>穿搭</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u511" class="ax_default box_1">
                      <div id="u511_div" class=""></div>
                      <div id="u511_text" class="text ">
                        <p><span>生日礼物</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (形状) -->
                    <div id="u512" class="ax_default icon">
                      <img id="u512_img" class="img " src="images/首页-推荐/u512.svg"/>
                      <div id="u512_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 搜索页 (组合) -->
      <div id="u513" class="ax_default ax_default_hidden" data-label="搜索页" style="display:none; visibility: hidden" data-left="350.997761701782" data-top="128" data-width="373.002238298218" data-height="700">

        <!-- 首页 BG (矩形) -->
        <div id="u514" class="ax_default _形状" data-label="首页 BG">
          <div id="u514_div" class=""></div>
          <div id="u514_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u515" class="ax_default box_1">
          <div id="u515_div" class=""></div>
          <div id="u515_text" class="text ">
            <p><span>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; 色彩搭配方案</span></p>
          </div>
        </div>

        <!-- Unnamed (图像) -->
        <div id="u516" class="ax_default _图片">
          <img id="u516_img" class="img " src="images/首页-推荐/u504.png"/>
          <div id="u516_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u517" class="ax_default label">
          <div id="u517_div" class=""></div>
          <div id="u517_text" class="text ">
            <p><span>搜索</span></p>
          </div>
        </div>

        <!-- Unnamed (直线 / 行距) -->
        <div id="u518" class="ax_default line">
          <img id="u518_img" class="img " src="images/首页-推荐/u518.svg"/>
          <div id="u518_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u519" class="ax_default _三级标题">
          <div id="u519_div" class=""></div>
          <div id="u519_text" class="text ">
            <p><span>历史记录</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u520" class="ax_default box_1">
          <div id="u520_div" class=""></div>
          <div id="u520_text" class="text ">
            <p><span>紫色搭配</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u521" class="ax_default box_1">
          <div id="u521_div" class=""></div>
          <div id="u521_text" class="text ">
            <p><span>色卡</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u522" class="ax_default box_1">
          <div id="u522_div" class=""></div>
          <div id="u522_text" class="text ">
            <p><span>绿色系</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u523" class="ax_default box_1">
          <div id="u523_div" class=""></div>
          <div id="u523_text" class="text ">
            <p><span>粉色方案</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u524" class="ax_default icon">
          <img id="u524_img" class="img " src="images/首页-推荐/u512.svg"/>
          <div id="u524_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u525" class="ax_default _文本段落">
        <img id="u525_img" class="img " src="images/首页-推荐/u525.svg"/>
        <div id="u525_text" class="text ">
          <p><span>1.用户登录成功后，进入到【首页-推荐】；</span></p><p><span><br></span></p><p><span>2.在此页面，可上下滚动浏览推荐的动态消息；</span></p><p><span><br></span></p><p><span>3.用户单击“搜索”，可以出现搜索栏进行关键词查找。</span></p><p><span><br></span></p><p><span>4.用户点击标签栏的三个标签，可以查到到不同的动态信息。</span></p><p><span><br></span></p><p><span>5.用户点击【首页-推荐】的动态，可以跳转到详情页，查看该动态的配色方案及配色编号，，也可以进行关注、评论、收藏等操作。</span></p><p><span><br></span></p><p><span>6.点击顶部栏“关注”，可进入到【首页-关注】；</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u526" class="ax_default" data-left="972" data-top="71" data-width="437" data-height="866">

        <!-- Unnamed (矩形) -->
        <div id="u527" class="ax_default box_11">
          <div id="u527_div" class=""></div>
          <div id="u527_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u528" class="ax_default box_11">
          <div id="u528_div" class=""></div>
          <div id="u528_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u529" class="ax_default box_11">
          <div id="u529_div" class=""></div>
          <div id="u529_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u530" class="ax_default box_11">
          <div id="u530_div" class=""></div>
          <div id="u530_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u531" class="ax_default box_11">
          <div id="u531_div" class=""></div>
          <div id="u531_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u532" class="ax_default box_11">
          <div id="u532_div" class=""></div>
          <div id="u532_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Camera 1 (组合) -->
        <div id="u533" class="ax_default" data-label="Camera 1" data-left="1234" data-top="100" data-width="15" data-height="15">

          <!-- Unnamed (椭圆) -->
          <div id="u534" class="ax_default ellipse">
            <img id="u534_img" class="img " src="images/主体/u180.svg"/>
            <div id="u534_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (椭圆) -->
          <div id="u535" class="ax_default ellipse">
            <img id="u535_img" class="img " src="images/主体/u181.svg"/>
            <div id="u535_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u536" class="ax_default box_11">
          <div id="u536_div" class=""></div>
          <div id="u536_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u537" class="ax_default shape">
        <img id="u537_img" class="img " src="images/主体/u183.svg"/>
        <div id="u537_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u538" class="ax_default box_11">
        <div id="u538_div" class=""></div>
        <div id="u538_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图像) -->
      <div id="u539" class="ax_default _图片">
        <img id="u539_img" class="img " src="images/首页-推荐/u539.jpg"/>
        <div id="u539_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u540" class="ax_default" data-left="1037" data-top="555" data-width="310" data-height="67">

        <!-- Unnamed (组合) -->
        <div id="u541" class="ax_default" data-left="1037" data-top="555" data-width="44" data-height="64">

          <!-- Unnamed (矩形) -->
          <div id="u542" class="ax_default box_1">
            <img id="u542_img" class="img " src="images/首页-推荐/u542.svg"/>
            <div id="u542_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u543" class="ax_default label">
            <div id="u543_div" class=""></div>
            <div id="u543_text" class="text ">
              <p><span>95C2E1</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u544" class="ax_default" data-left="1104" data-top="555" data-width="45" data-height="67">

          <!-- Unnamed (矩形) -->
          <div id="u545" class="ax_default box_1">
            <img id="u545_img" class="img " src="images/首页-推荐/u545.svg"/>
            <div id="u545_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u546" class="ax_default label">
            <div id="u546_div" class=""></div>
            <div id="u546_text" class="text ">
              <p><span>018DC8</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u547" class="ax_default" data-left="1172" data-top="555" data-width="45" data-height="64">

          <!-- Unnamed (矩形) -->
          <div id="u548" class="ax_default box_1">
            <img id="u548_img" class="img " src="images/首页-推荐/u548.svg"/>
            <div id="u548_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u549" class="ax_default label">
            <div id="u549_div" class=""></div>
            <div id="u549_text" class="text ">
              <p><span>5E84AB</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u550" class="ax_default" data-left="1237" data-top="555" data-width="46" data-height="64">

          <!-- Unnamed (矩形) -->
          <div id="u551" class="ax_default box_1">
            <img id="u551_img" class="img " src="images/首页-推荐/u551.svg"/>
            <div id="u551_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u552" class="ax_default label">
            <div id="u552_div" class=""></div>
            <div id="u552_text" class="text ">
              <p><span>C298BC</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u553" class="ax_default" data-left="1303" data-top="555" data-width="44" data-height="64">

          <!-- Unnamed (矩形) -->
          <div id="u554" class="ax_default box_1">
            <img id="u554_img" class="img " src="images/首页-推荐/u554.svg"/>
            <div id="u554_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u555" class="ax_default label">
            <div id="u555_div" class=""></div>
            <div id="u555_text" class="text ">
              <p><span>A4959C</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u556" class="ax_default" data-left="1299" data-top="117" data-width="70" data-height="15">

        <!-- Unnamed (形状) -->
        <div id="u557" class="ax_default icon">
          <img id="u557_img" class="img " src="images/登录/u218.svg"/>
          <div id="u557_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u558" class="ax_default icon">
          <img id="u558_img" class="img " src="images/登录/u219.svg"/>
          <div id="u558_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u559" class="ax_default icon">
          <img id="u559_img" class="img " src="images/登录/u221.svg"/>
          <div id="u559_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u560" class="ax_default icon">
        <img id="u560_img" class="img " src="images/首页-推荐/u560.svg"/>
        <div id="u560_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u561" class="ax_default" data-left="1010" data-top="665" data-width="362.00077621412424" data-height="109">

        <!-- Unnamed (图像) -->
        <div id="u562" class="ax_default _图片">
          <img id="u562_img" class="img " src="images/首页-推荐/u562.svg"/>
          <div id="u562_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u563" class="ax_default label">
          <div id="u563_div" class=""></div>
          <div id="u563_text" class="text ">
            <p><span>羊沛菌</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u564" class="ax_default label">
          <div id="u564_div" class=""></div>
          <div id="u564_text" class="text ">
            <p><span>收藏起来！！！</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u565" class="ax_default label">
          <div id="u565_div" class=""></div>
          <div id="u565_text" class="text ">
            <p><span>7</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u566" class="ax_default label">
          <div id="u566_div" class=""></div>
          <div id="u566_text" class="text ">
            <p><span>- THE END -</span></p>
          </div>
        </div>

        <!-- Unnamed (直线 / 行距) -->
        <div id="u567" class="ax_default line">
          <img id="u567_img" class="img " src="images/首页-推荐/u567.svg"/>
          <div id="u567_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u568" class="ax_default icon">
          <img id="u568_img" class="img " src="images/首页-推荐/u568.svg"/>
          <div id="u568_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u569" class="ax_default label">
        <div id="u569_div" class=""></div>
        <div id="u569_text" class="text ">
          <p><span>共1条评论</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u570" class="ax_default" data-left="1052" data-top="150" data-width="69" data-height="18">

        <!-- Unnamed (矩形) -->
        <div id="u571" class="ax_default _形状">
          <div id="u571_div" class=""></div>
          <div id="u571_text" class="text ">
            <p><span>鸭鸭</span></p>
          </div>
        </div>

        <!-- Unnamed (图像) -->
        <div id="u572" class="ax_default _图片">
          <img id="u572_img" class="img " src="images/首页-推荐/u355.svg"/>
          <div id="u572_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- 推荐已关注 (形状) -->
      <div id="u573" class="ax_default button ax_default_hidden" data-label="推荐已关注" style="display:none; visibility: hidden">
        <img id="u573_img" class="img " src="images/首页-推荐/推荐已关注_u573.svg"/>
        <div id="u573_text" class="text ">
          <p><span>已关注</span></p>
        </div>
      </div>

      <!-- 推荐+关注 (矩形) -->
      <div id="u574" class="ax_default button" data-label="推荐+关注">
        <div id="u574_div" class=""></div>
        <div id="u574_text" class="text ">
          <p><span>+关注</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u575" class="ax_default icon">
        <img id="u575_img" class="img " src="images/首页-推荐/u575.svg"/>
        <div id="u575_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u576" class="ax_default" data-left="1017" data-top="854" data-width="349" data-height="29">

        <!-- Unnamed (矩形) -->
        <div id="u577" class="ax_default box_1">
          <div id="u577_div" class=""></div>
          <div id="u577_text" class="text ">
            <p><span style="font-family:'PingFang SC ', 'PingFang SC', sans-serif;">说点什么</span><span style="font-family:'Arial Normal', 'Arial', sans-serif;">...</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u578" class="ax_default label">
          <div id="u578_div" class=""></div>
          <div id="u578_text" class="text ">
            <p><span>112</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u579" class="ax_default label">
          <div id="u579_div" class=""></div>
          <div id="u579_text" class="text ">
            <p><span>37</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u580" class="ax_default label">
          <div id="u580_div" class=""></div>
          <div id="u580_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u581" class="ax_default icon">
          <img id="u581_img" class="img " src="images/首页-推荐/u568.svg"/>
          <div id="u581_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u582" class="ax_default icon">
          <img id="u582_img" class="img " src="images/首页-推荐/u582.svg"/>
          <div id="u582_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u583" class="ax_default icon">
        <img id="u583_img" class="img " src="images/首页-推荐/u583.svg"/>
        <div id="u583_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u584" class="ax_default label">
        <div id="u584_div" class=""></div>
        <div id="u584_text" class="text ">
          <p><span>12:30</span></p>
        </div>
      </div>

      <!-- Unnamed (直线 / 行距) -->
      <div id="u585" class="ax_default arrow">
        <img id="u585_img" class="img " src="images/首页-推荐/u585.svg"/>
        <div id="u585_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u586" class="ax_default label">
        <div id="u586_div" class=""></div>
        <div id="u586_text" class="text ">
          <p><span>点击进入详情页</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
